<!DOCTYPE html>
<html>
  <head>

<link rel="stylesheet"
      href="../static/css/main.css">

    <title>Diagram</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
<link rel="icon" href="../static/img/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../static/img/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="../static/img/favicon.png" sizes="57x57" />

<style>

</style>

  </head>
  <body>

<div id='wrap'>

<div class="navbar navbar-default" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle"
        data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">Data Visualization</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li><a href="/location">Location</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
          <li><a href="/about">About</a></li>
      </ul>
    </div>
  </div>
</div>




    <div class="container">

    </div>

<a target="_blank" href="https://github.com/Zhiwei1996/job-get"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 999;" src="../static/img/forkme.png" alt="Fork me on GitHub" data-canonical-src="../static/img/forkme_left_darkblue_121621.png"></a>

<div class="container">
  <div class="row">
    <div class="python-jumbotron jumbotron">
      <div class="container">
        <div class="row">
          <div class="col-lg-4">
            <img src="../static/img/python-logo.png" alt="python_logo">
          </div>
          <div class="col-lg-8">
            <p style="color: #e6e8ea">
              用Python写爬虫，目前爬取了拉勾网上12万多的职位数据，做下数据分析，用matplotlib做数据可视化
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
<!--     <div class="col-lg-12" id='tech_keywords'>
        <h2 class="col-lg-12 chart-title">最常见的技术关键词<a class="anchor" href="#tech_keywords"> ¶</a></h2>
      <div class="col-lg-6">
        <div id="keywords_stats"></div>
      </div>
      <div class="col-lg-6">
        <div id="keywords_cloud"></div>
      </div>
      <div class="col-lg-12">
        <p>
          柱状图与标签云来自于同一组数据。柱状图中，纵轴为该关键词在岗位描述中出现的次数。在标签云中，你可以更直观地看出，python 的岗位还是以服务器端开发为主，并且 django 及 mysql 的热度远超其他。并且前端 html/css/javascript 出现的频率比我想象的更高，姑且认为在使用 python 的部分公司中，前端知识也是不可或缺的。
        </p>
      </div>
    </div> -->

    <div class="col-lg-12" id="salary_avg">
        <h2 class="col-lg-12 chart-title">薪资平均数分布<a class="anchor" href="#salary_avg"> ¶</a></h2>
      <div class="col-lg-8">
        <div id="salary_pie_chart"><img src="https://github.com/Zhiwei1996/job-get/raw/master/analysis/images/salary.png" alt="salary">></div>
      </div>
      <div class="col-lg-4">
        <p>
          薪资的统计规则如下：
          <div class="alert alert-info" role="alert">
            <p>拉勾网上公布的薪资是一个区间值，例如：8-15k</p>
            <p>化区间值为单个数值，作为散点图上的数值点，比较查看最集中的范围</p>
          </div>
          可以看出10k部分的职位最多，大部分职位薪资集中在5k-20k之间
          :)
        </p>
      </div>

    </div>
    <div class="col-lg-12" id="exp_requirement">
        <h2 class="col-lg-12 chart-title">经验要求是什么<a class="anchor" href="#exp_requirement"> ¶</a></h2>
      <div class="col-lg-8">
        <div id="experience_pie_chart"><img src="https://github.com/Zhiwei1996/job-get/raw/master/analysis/images/experience_distribution.png" alt="experience"></div>
      </div>
      <div class="col-lg-4">
        <p>
          1-3年和3-5年经验的占了大部分
        </p>
      </div>

    </div>
    <div class="col-lg-12" id="location_requirement">
        <h2 class="col-lg-12 chart-title">哪些地区需求最旺盛<a class="anchor" href="#location_requirement"> ¶</a></h2>
      <div class="col-lg-8">
        <div id="location_pie_chart"><img src="https://github.com/Zhiwei1996/job-get/raw/master/analysis/images/city_distribution.png" alt="city"></div>
      </div>
      <div class="col-lg-4">
        <p>
          北京的职位远远超过其它城市
        </p>
      </div>

    </div>
    <div class="col-lg-12" id="degree_requirement">
        <h2 class="col-lg-12 chart-title">学历要求分布<a class="anchor" href="#degree_requirement"> ¶</a></h2>
      <div class="col-lg-8">
        <div id="degree_pie_chart"><img src="https://github.com/Zhiwei1996/job-get/raw/master/analysis/images/education_distribution.png" alt="education"></div>
      </div>
      <div class="col-lg-4">
        <p>
          学历依然是敲门砖，只有十分之一左右的职位不要求学历，大部分本科学历就够用了
        </p>
      </div>

    </div>


    <div class="col-lg-12">

    </div>
  </div>
</div>


  <div id="push"></div>

<!-- footer begin -->
</div>
  <div id="footer">
      <div class="container">
        <div class="text-center">
          <p class="text-muted" style="margin-top: 20px">Copyright © 2017 All rights reserved. </p>
          <p><a href="https://github.com/Zhiwei1996/j0b-get/issues">Have Issues?</a></p>
        </div>
      </div>
  </div>


    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>




  </body>
</html>
